<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>云安全服务平台</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />

   <!-- BEGIN GLOBAL MANDATORY STYLES -->          
   <link href="/static/webui/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
   <link href="/static/webui/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
   <!-- END GLOBAL MANDATORY STYLES -->
   
   <!-- BEGIN PAGE LEVEL PLUGIN STYLES -->   
   <link rel="stylesheet" href="/static/webui/plugins/revolution_slider/css/rs-style.css" media="screen">
   <link rel="stylesheet" href="/static/webui/plugins/revolution_slider/rs-plugin/css/settings.css" media="screen">                 
   <!-- END PAGE LEVEL PLUGIN STYLES -->

   <!-- BEGIN THEME STYLES --> 
   <link href="/static/webui/css/style.css" rel="stylesheet" type="text/css"/>
   <link href="/static/webui/css/style-responsive.css" rel="stylesheet" type="text/css"/>
   <!-- END THEME STYLES -->
   <link rel="shortcut icon" href="favicon.ico" />
</head>
<!-- END HEAD -->

<!-- BEGIN BODY -->
<body>  
    <!-- BEGIN HEADER -->
    <div class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<!-- BEGIN RESPONSIVE MENU TOGGLER -->
				<button class="navbar-toggle btn navbar-btn" data-toggle="collapse" data-target=".navbar-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<!-- END RESPONSIVE MENU TOGGLER -->
				<!-- BEGIN LOGO (you can use logo image instead of text)-->
				<a class="navbar-brand" href="/admin">
					<img src="/static/webui/img/logo.png" id="logoimg" alt="">
				</a>
				<!-- END LOGO -->
			</div>
		
			<!-- BEGIN TOP NAVIGATION MENU -->
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav navbar-left">
                    {% block header %}
                    {% endblock %}
				</ul>
                <ul class="nav navbar-nav navbar-right">
                    <form action="/results/" class="navbar-form" method="post"> {% csrf_token %}
                        <a href="https://login.ihep.ac.cn/oauth2/authorize?response_type=code&redirect_uri=http%3A%2F%2Fcloudsafe.ihep.ac.cn%2Fcallback&client_id=19562&theme=full"
                            class="btn btn-danger">统一认证登录</a>
                        <div class="form-group">
                            <input type="text" placeholder="@ihep.ac.cn" name="email" class="form-control">
                        </div>
                        <div class="form-group">
                            <input type="password" placeholder="Password" name="password" class="form-control">
                        </div>
                        <button type="submit" class="btn btn-success">本站登录</button>
                    </form>

                </ul>                           
			</div>
			<!-- BEGIN TOP NAVIGATION MENU -->
		</div>
    </div>
    <!-- END HEADER -->
    {% block content %}
    {% endblock %}

    <!-- BEGIN COPYRIGHT -->
    <footer>
        <center>
            <p>
             Copyright 2013 中国科学院高能物理研究所计算中心 &middot; All Rights Reserved &middot; <a href="http://weibo.com/u/3902953948">官方微博</a>
            </p>
        </center>
    </footer>
    <!-- END COPYRIGHT -->

    <!-- Load javascripts at bottom, this will reduce page load time -->
    <!-- BEGIN CORE PLUGINS(REQUIRED FOR ALL PAGES) -->
    <!--[if lt IE 9]>
    <script src="/static/webui/plugins/respond.min.js"></script>  
    <![endif]-->  
    <script src="/static/webui/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="/static/webui/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <script src="/static/webui/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>        
    <!-- END CORE PLUGINS -->

    <!-- BEGIN PAGE LEVEL JAVASCRIPTS(REQUIRED ONLY FOR CURRENT PAGE) -->
    <script type="text/javascript" src="/static/webui/plugins/revolution_slider/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="/static/webui/plugins/revolution_slider/rs-plugin/js/jquery.themepunch.revolution.min.js"></script> 
    <script type="text/javascript" src="/static/webui/plugins/bxslider/jquery.bxslider.min.js"></script>
    <script src="/static/webui/scripts/app.js"></script>
    <script src="/static/webui/scripts/index.js"></script>    
    <script type="text/javascript">
        jQuery(document).ready(function() {
            App.init();    
            App.initBxSlider();
            Index.initRevolutionSlider();                    
        });
    </script>
    <!-- END PAGE LEVEL JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>
